<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="stylesheet" href="iconfont/iconfont.css">
        <link rel="stylesheet" href="css/integral1.css">
        <script src="js/flexible.js"></script>
    </head>
    <body>
        <!-- 顶部状态栏 -->
        <div class="nav">
            <a href="#"><span class="iconfont icon-xiangzuojiantou"></span></a>
            <h2>会员储存</h2>
        </div>
        <!-- 可用积分栏 -->
        <div class="user_integral">
            <div class="left">
                <div class="top">
                    <span class="top_left">可用积分</span><span class="top_right">0</span>
                </div>
                <div class="bottom">
                    <a href="#">积分规则<span class="iconfont icon-a-fh3x"></span></a>
                </div>
            </div>
            <div class="right">
                <img src="images/编组 8.jpg" alt>
            </div>
        </div>
        <!-- 积分记录 -->
        <div class="record">
            <div class="demo">
                <a href="#">积分记录
                    <div class="circle"></div>
                </a>
                <a href="#">兑换记录
                    <div class="circle"></div>
                </a>
            </div>
            <div class="demo1">
                <ul>
                    <li>购买商品</li>
                    <li>积分<span class="num">-1000</span></li>
                </ul>
            </div>
        </div>
        <!-- 底部 -->
        <div class="bot">
            <img src="images/编组备份.svg" alt>
        </div>
    </body>
</html>